@charset "utf-8";
* {box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 14px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var,i { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited,
a:hover, a:active { text-decoration: none; }
a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.noMr{margin-right:0 !important; float:right !important;}
.i{text-align: justify; text-justify: inter-ideograph;}
.f-left {float: left;}
.f-right {float: right;}
.article .bd img{width:auto; max-width:100%;}
/*Body*/
body { color: #666; background:#fff;}
a { color: #666; }
a:hover { color: #0d40a3; }
.wrap { width: 1300px; margin: 0 auto;}
.g-in{ width:1300px; margin:0 auto; }
.g-in:after{content:'\20';display:block;height:0;clear:both}
.g-in{*zoom:1}

.wrapper{ position:relative; width:100%; margin:0 auto; overflow:hidden; }
.swiper-banner{text-align:center;}
.swiper-banner img{width:100%; max-width:1920px; margin:0 auto;}

/* 网站地图 */
.webmap{padding:10px 0px 15px}
.webmap dl{overflow:hidden;zoom:1;height:32px; margin-bottom:5px;}
.webmap dt{width:15%;float:left;}
.webmap dd{float:left;width:85%;}
.webmap dt a{display:block;line-height:32px;background:#ccc;color:#000;text-align:center}
.webmap dd a{margin:0 5px 5px;background:#eee;display:block;line-height:32px;width:143px;float:left;text-align:center}
.webmap a:hover{background:#343434;text-decoration:none;color:#fff}

/* header */
.h-a {height: 25px;line-height: 25px;overflow: hidden;background-color: #f6f8fc;}
.h-b {color: #0e40a4;height: 88px;overflow: hidden;}
.logo {margin-right: 20px;margin-top: 10px;}
.h-b-title {position: relative;margin-right: 30px;margin-top: 18px;}
.h-b-title::after {content: '';position: absolute;z-index: 5;right: -15px;top: 5px;bottom: 5px;width: 1px;background-color: #0e40a4;}
.h-b-title .zh {font-weight: 600;font-size: 24px;line-height: 33px;}
.h-b-title .en {font-weight: 600;font-size: 14px;line-height: 24px;text-transform: uppercase;}
.h-b-des {font-size: 18px;line-height: 24px;margin-top: 22px;}

.h-b-url {border: 1px solid #dcdcdc;padding: 10px 20px;margin-top: 10px;}
.h-b-url .zh {font-size: 20px;line-height: 24px;color: #ff6142;}
.h-b-url .en {font-size: 19px;line-height: 24px;color: #ff932a;}

.h-b-tel {text-align: right;margin-left: 40px;margin-top: 5px;}
.h-b-tel .title {position: relative;font-size: 18px;color: #ff932a;}
.h-b-tel .title::before {content: url(../images/icon_tel.png);position: absolute;z-index: 5;width: 27px;height: 27px;left: -35px;bottom: 0;}
.h-b-tel .tel {font-size: 20px; color: #0e40a4; line-height: 22px; padding-top: 3px;font-weight: bold;}

.h-c {background-color: #0e40a4;}
.h-c .nav li {float: left; position:relative}
.h-c .nav li>a {display: block;color: #fff;font-size: 16px;line-height: 50px;padding: 0 60px;}
.h-c .nav li>a.current,.h-c .nav li>a:hover {background-color: #ff932a;}
.h-c .nav li .xl{ width:100%; position:absolute; left:0; top:50px; z-index:99; background:#0e40a4; display:none}
.h-c .nav li .xl a{ display:block; text-align:center; line-height:35px; font-size:14px; color:#fff}
.h-c .nav li .xl a:hover{ background:#ff932a}
.h-c .nav li:hover .xl{ display:block}
.banner {position: relative;width:100%;}
.banner img{ width:100%; height:auto}
.banner .hd {position: absolute;z-index: 5;bottom: 40px;left: 340px;border-bottom: 1px solid #000;font-size: 18px;line-height: 36px;padding: 0 10px;}
.banner .hd li {position: relative;float: left;padding: 0 15px;}

.banner .hd li.on::after {content: '';position: absolute;z-index: 5;left: 10px;right: 10px;bottom: -10px;height: 3px;background-color: #006aff;}

/* 底部 */
.f-a {position: relative;width: 1920px;left: 50%;margin-left: -960px;}
.f-b {background-color: #073083;padding: 60px 0 40px;color: #fff;}
.f-b .title {font-size: 24px;line-height: 2.2;font-weight: 600;position: relative;margin-bottom: 10px;}
.f-b .title::after {content: '';position: absolute;z-index: 5;bottom: 0;left: 0;width: 76px;height: 3px;background-color: #fff;}
.f-b-qr .qr {margin-top: 15px;}
.f-b-contact {margin-left: 0; margin-top: -14px;}
.f-b-contact .info {font-size: 16px;line-height: 30px;}
.f-b-form dl {width: 476px;margin-bottom: 12px;}
.f-b-form dl dd {width: 48%;box-sizing: border-box;}
.f-b-form input[type="text"] {font-size: 14px;line-height: 30px;background-color: #dcdcdc;width: 100%;padding: 0 10px;box-sizing: border-box;}
.f-b-form input[type="tel"] {font-size: 14px;line-height: 30px;background-color: #dcdcdc;width: 100%;padding: 0 10px;box-sizing: border-box;}
.f-b-form textarea {font-size: 14px;line-height: 30px;background-color: #dcdcdc;width: 100%;padding: 0 10px;box-sizing: border-box;height: 89px;}
.f-b-form input[type="submit"] {font-size: 14px;line-height: 30px;background-color: #fff;width: 100%;cursor: pointer;background-color: #4673bd;color: #fff;}

.f-c {background-color: #062669;color: #fff;line-height: 2;padding:11px 0; font-size: 12px; text-align: center;}
.f-c a {color: #fff;}
.f-c a:hover {color: rgba(255,255,255,.7);}
.f-c-link{ font-size: 16px; line-height: 2.2; text-align: center; }
/* 在线咨询 */
.fix-contact {position: fixed;z-index: 99;top: 50%;margin-top: -110px;right: 6%;width: 110px;height: 219px;border-radius: 10px;background-color: #0e40a4;text-align: center; display: none; }
.fix-contact .title {font-size: 16px;color: #fff;line-height: 38px;}
.fix-contact-box {background-color: #fff;border-radius: 10px;width: 100px;height: 176px;margin: 0 auto;box-sizing: border-box;padding: 10px 0;}
.fix-contact-box .tel {font-size: 14px;line-height: 20px;color: #006aff;margin: 3px 0;}
.fix-contact-box .tel span {display: block;color: #000;font-weight: 600;}
.fix-contact-box .btn {font-weight: 600;display: inline-block;color: #fff;background-color: #e8791b;padding: 2px 18px;}

.c-title {text-align: center;}
.c-title-z {position: relative;z-index: 5;font-size: 36px;font-weight: 600;color: #0e40a4;}
.c-title-e {font-size: 60px;line-height: 1;color: #eeeeee;text-transform: uppercase;font-family: arial;font-weight: 600;position: relative;z-index: 1;margin-top: -24px;margin-bottom: 10px;}
.c-title-line {background: url(../images/c_title_line.png) no-repeat bottom center;}
.c-des {font-size: 24px;color: #000;position: relative;display: inline-block;}
.c-des-line::before {content: '';position: absolute;z-index: 5;left: -80px;top: 18px;height: 2px;width: 63px;background-color: #000000;}
.c-des-line::after {content: '';position: absolute;z-index: 5;right: -80px;top: 18px;height: 2px;width: 63px;background-color: #000000;}

.c-top {height: 80px;background-color: #f8fafd;margin-bottom: 20px;}
.c-top-url {font-size: 16px;line-height: 1;color: #000;margin-top: 30px;}
.c-top-url span {display: inline-block;margin-right: 5px;font-weight: 600;font-family: arial;color: #ff9600;}
.c-top-url a {font-size: 14px;border-right: 1px solid #333;display: inline-block;padding: 0 10px 0 9px;color: #333;}
.c-top-url a:hover {color: #0e40a4;}
.c-top-url a:last-child {border-right: 0;}
.c-top-form {margin-top: 25px;}
.c-top-form input[type="text"] {font-size: 14px;line-height: 1;width: 256px;border-left: 2px solid #666;box-sizing: border-box;padding-left: 5px;margin-right: 10px;vertical-align: middle;}
.c-top-form input[type="submit"] {background: url(../images/icon_search.png) no-repeat center;width: 28px;height: 28px;vertical-align: middle;cursor: pointer;}

.c-product-sider {}
.c-product-sider .box {background-color: #3663ad;width: 342px;box-sizing: border-box;padding: 50px 14px 6px;margin-bottom: 20px;}
.c-product-sider .box .leftTitle {font-size: 36px;font-weight: 600;color: #fff;text-align: center;background: url(../images/c_product_sider_leftTitle.png) no-repeat center;}
.c-product-sider .box .des {font-size: 14px;line-height: 18px;color: #fff;text-align: center;margin-top: 10px;}
.c-product-sider .box .menu {margin-top: 15px;}
.c-product-sider .box .menu dl:last-child dt {border-bottom: none;}
.c-product-sider .box .menu dt {background-color: #0e40a4;border-bottom: 2px solid #fff;}
.c-product-sider .box .menu dt em {display: inline-block;height: 69px;width: 69px;vertical-align: middle;margin: 0 5px 0 20px;}
.c-product-sider .box .menu dt a {display: block;font-size: 20px; font-weight:bold;line-height: 69px;color: #fff;}
.c-product-sider .box .menu dd {border-bottom: 2px solid #fff;background: #ececec url(../images/c_product_sider_line.png) no-repeat left 40px center;}
.c-product-sider .box .menu dd a {display: block;padding: 0 20px 0 72px;font-size: 14px;line-height: 58px;color: #333; font-weight:bold}



.c-product-main {width: 945px;}
.c-product-main .pro-list li {width: 304px;float: left;margin: 0 16px 20px 0;}
.c-product-main .pro-list li:nth-child(3n) {margin-right: 0;}
.c-product-main .pro-list li .img {margin-bottom: 1px;overflow: hidden;}
.c-product-main .pro-list li .img img {transition: all 1s;}
.c-product-main .pro-list li .img:hover img {transform: scale(1.1);}
.c-product-main .pro-list li .content {background-color: #0e40a4;color: #fff;padding: 20px 10px;}
.c-product-main .pro-list li:hover .content {background-color: #ff932a;}
.c-product-main .pro-list li .content .title {font-size: 14px;text-align: center;margin-bottom: 12px;}
.c-product-main .pro-list li .content .btns {text-align: center;font-size: 0;}
.c-product-main .pro-list li .content .btns a {font-size: 12px;color: #fff;display: inline-block;vertical-align: middle;border: 1px solid #fff;padding: 5px 20px;margin: 0 12px;}